<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="utf-8" />
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Home</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
  <link rel="stylesheet" type="text/css" href="css/nprogress.css" />
  <link rel="stylesheet" type="text/css" href="css/style.css" />
  <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />
  <link rel="apple-touch-icon-precomposed" href="images/icon.png" />
  <link rel="shortcut icon" href="images/favicon.ico" />
  <script src="js/jquery-2.1.4.min.js"></script>
  <script src="js/nprogress.js"></script>
  <script src="js/jquery.lazyload.min.js"></script>
  <!--[if gte IE 9]>
  <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
  <script src="js/html5shiv.min.js" type="text/javascript"></script>
  <script src="js/respond.min.js" type="text/javascript"></script>
  <script src="js/selectivizr-min.js" type="text/javascript"></script>
<![endif]-->
  <!--[if lt IE 9]>
  <script>window.location.href='upgrade-browser.html';</script>
<![endif]-->
</head>

<body class="user-select">
  <header class="header">
    <nav class="navbar navbar-default" id="navbar">
      <div class="container">
        <div class="header-topbar hidden-xs link-border">
          <ul class="site-nav topmenu">
            <li><a href="#">标签云</a></li>
            <li><a href="#" rel="nofollow">读者墙</a></li>
            <li><a href="#" title="RSS订阅"> <i class="fa fa-rss"> </i> RSS订阅 </a></li>
          </ul> 勤记录 懂分享
        </div>
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#header-navbar"
            aria-expanded="false"> <span class="sr-only"></span> <span class="icon-bar"></span> <span
              class="icon-bar"></span> <span class="icon-bar"></span> </button>
          <h1 class="logo hvr-bounce-in"><a href="#" title="木庄网络博客"><img src="images/201610171329086541.png"
                alt="木庄网络博客" /></a></h1>
        </div>
        <div class="collapse navbar-collapse" id="header-navbar">
          <form class="navbar-form visible-xs" action="/Search" method="post">
            <div class="input-group">
              <input type="text" name="keyword" class="form-control" placeholder="请输入关键字" maxlength="20"
                autocomplete="off" />
              <span class="input-group-btn"> <button class="btn btn-default btn-search" name="search"
                  type="submit">搜索</button> </span>
            </div>
          </form>
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">首页</a></li>
            <li><a href="#">列表页</a></li>
            <li><a href="#">详细页</a></li>
            <li><a href="#">404</a></li>
            <li><a href="#">IT技术笔记</a></li>
          </ul>
        </div>
      </div>
    </nav>
  </header>
  <section class="container">
    <div class="content-wrap">
      <div class="content">
        <div id="focusslide" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <%banners.forEach((banner,index)=>{%>
            <li data-target="#focusslide" data-slide-to="<%=index%>" <%if(index==0){%>class="active" <%}%>></li>
        <%})%> </ol> <div class="carousel-inner" role="listbox">
              <%banners.forEach((banner,index)=>{%>
              <div class="item <%if(index==0){%>active<%}%>">
          <a href="<%=banner.href%>" target="_blank" title="<%=banner.title%>">
                <img src="<%=HTTP_ROOT%>/upload/<%=banner.src%>" alt="<%=banner.title%>" class="img-responsive" />
                </a>
              </div>
              <%})%>
        </div>
        <a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow"> <span
            class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> <span class="sr-only">上一个</span> </a>
        <a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow"> <span
            class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> <span class="sr-only">下一个</span> </a>
      </div>
      <article class="excerpt-minic excerpt-minic-index">
        <h2><span class="red">【推荐】</span><a target="_blank" href="#"
            title="用DTcms做一个独立博客网站（响应式模板）">用DTcms做一个独立博客网站（响应式模板）</a> </h2>
        <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
          V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
      </article>
      <div class="title">
        <h3>最新发布</h3>

      </div>
      <article class="excerpt excerpt-1" style="">
        <a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb"
            data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
            alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;" /></a>
        <header>
          <a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
          <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a> </h2>
        </header>
        <p class="meta"> <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time> <span
            class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span> <a class="comment" href="##comment"
            title="评论" target="_blank"><i class="glyphicon glyphicon-comment"></i> 4</a> </p>
        <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
          V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
      </article>
      <article class="excerpt excerpt-2" style="">
        <a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb"
            data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
            alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;" /></a>
        <header>
          <a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
          <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a> </h2>
        </header>
        <p class="meta"> <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time> <span
            class="views"><i class="glyphicon glyphicon-eye-open"></i>216</span> <a class="comment" href="##comment"
            title="评论" target="_blank"><i class="glyphicon glyphicon-comment"></i>4</a> </p>
        <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
          V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
      </article>
      <article class="excerpt excerpt-3" style="">
        <a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb"
            data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
            alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;" /></a>
        <header>
          <a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
          <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a> </h2>
        </header>
        <p class="meta"> <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time> <span
            class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span> <a class="comment" href="##comment"
            title="评论" target="_blank"><i class="glyphicon glyphicon-comment"></i> 4</a> </p>
        <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
          V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
      </article>
      <article class="excerpt excerpt-4" style="">
        <a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb"
            data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
            alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;" /></a>
        <header>
          <a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
          <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a> </h2>
        </header>
        <p class="meta"> <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time> <span
            class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span> <a class="comment" href="##comment"
            title="评论" target="_blank"><i class="glyphicon glyphicon-comment"></i> 4</a> </p>
        <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
          V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
      </article>
      <article class="excerpt excerpt-5" style="">
        <a class="focus" href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank"><img class="thumb"
            data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
            alt="用DTcms做一个独立博客网站（响应式模板）" style="display: inline;" /></a>
        <header>
          <a class="cat" href="#" title="MZ-NetBlog主题">MZ-NetBlog主题<i></i></a>
          <h2><a href="#" title="用DTcms做一个独立博客网站（响应式模板）" target="_blank">用DTcms做一个独立博客网站（响应式模板）</a> </h2>
        </header>
        <p class="meta"> <time class="time"><i class="glyphicon glyphicon-time"></i> 2016-10-14</time> <span
            class="views"><i class="glyphicon glyphicon-eye-open"></i> 216</span> <a class="comment" href="##comment"
            title="评论" target="_blank"><i class="glyphicon glyphicon-comment"></i> 4</a> </p>
        <p class="note">用DTcms做一个独立博客网站（响应式模板），采用DTcms V4.0正式版（MSSQL）。开发环境：SQL2008R2+VS2010。DTcms
          V4.0正式版功能修复和优化：1、favicon.ico图标后台上传。（解决要换图标时要连FTP或者开服务器的麻烦）</p>
      </article>
      <nav class="pagination" style="display: none;">
        <ul>
          <li class="prev-page"></li>
          <li class="active"><span>1</span></li>
          <li><a href="?page=2">2</a></li>
          <li class="next-page"><a href="?page=2">下一页</a></li>
          <li><span>共 2 页</span></li>
        </ul>
      </nav>
    </div>
    </div>
    <div class="tlinks">
      Collect from
      <a href="http://www.cssmoban.com/">企业网站模板</a>
    </div>
    <aside class="sidebar">
      <div class="fixed">
        <div class="widget widget-tabs">
          <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active"><a href="#notice" aria-controls="notice" role="tab"
                data-toggle="tab">统计信息</a></li>
            <li role="presentation"><a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">联系站长</a>
            </li>
          </ul>
          <div class="tab-content">
            <div role="tabpanel" class="tab-pane contact active" id="notice">
              <h2>日志总数: 888篇 </h2>
              <h2>网站运行: <span id="sitetime">88天 </span></h2>
            </div>
            <div role="tabpanel" class="tab-pane contact" id="contact">
              <h2>QQ: <a href="" target="_blank" rel="nofollow" data-toggle="tooltip" data-placement="bottom" title=""
                  data-original-title="QQ:"></a> </h2>
              <h2>Email: <a href="#" target="_blank" data-toggle="tooltip" rel="nofollow" data-placement="bottom"
                  title="" data-original-title="#"></a></h2>
            </div>
          </div>
        </div>
        <div class="widget widget_search">
          <form class="navbar-form" action="/Search" method="post">
            <div class="input-group">
              <input type="text" name="keyword" class="form-control" size="35" placeholder="请输入关键字" maxlength="15"
                autocomplete="off" />
              <span class="input-group-btn"> <button class="btn btn-default btn-search" name="search"
                  type="submit">搜索</button> </span>
            </div>
          </form>
        </div>
      </div>
      <div class="widget widget_hot">
        <h3>最新评论文章</h3>
        <ul>
          <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb"
                  data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                  alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span
                class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
          <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb"
                  data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                  alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span
                class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
          <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb"
                  data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                  alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span
                class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
          <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb"
                  data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                  alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span
                class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
          <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb"
                  data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                  alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span
                class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
          <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb"
                  data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                  alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span
                class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
          <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb"
                  data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                  alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span
                class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
          <li><a title="用DTcms做一个独立博客网站（响应式模板）" href="#"><span class="thumbnail"> <img class="thumb"
                  data-original="images/201610181739277776.jpg" src="images/201610181739277776.jpg"
                  alt="用DTcms做一个独立博客网站（响应式模板）" style="display: block;" /> </span><span
                class="text">用DTcms做一个独立博客网站（响应式模板）</span><span class="muted"><i class="glyphicon glyphicon-time"></i>
                2016-11-01 </span><span class="muted"><i class="glyphicon glyphicon-eye-open"></i>88</span></a></li>
        </ul>
      </div>
      <div class="widget widget_sentence">
        <a href="#" target="_blank" rel="nofollow" title="专业网站建设"> <img style="width: 100%"
            src="images//201610241224221511.jpg" alt="专业网站建设" /></a>
      </div>
      <div class="widget widget_sentence">
        <a href="#" target="_blank" rel="nofollow" title="MZ-NetBlog主题"> <img style="width: 100%" src="images/ad.jpg"
            alt="MZ-NetBlog主题" /> </a>
      </div>
      <div class="widget widget_sentence">
        <h3>友情链接</h3>
        <div class="widget-sentence-link">
          <a href="#" target="_blank">aaa</a>&nbsp;&nbsp;&nbsp;
          <a href="#" target="_blank">bbb</a>&nbsp;&nbsp;&nbsp;
        </div>
      </div>
    </aside>
  </section>
  <footer class="footer">
    <div class="container">
      <p>Copyright &copy; 2016.Company name All rights reserved.</p>
    </div>
    <div id="gotop">
      <a class="gotop"></a>
    </div>
  </footer>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/jquery.ias.js"></script>
  <script src="js/scripts.js"></script>
</body>

</html>